@charset "utf-8";
/* 导航 */
/* 007aff
007aff */
.navbar-pull-all{overflow:hidden;width:1140px;margin:auto; padding: 15px 0;}
.header-right { font-size: 30px; }
.navbar-header{width:100%;margin:auto;float:none;}
.navbar-full {width:100%; background:#1f70eb;}
.navbar-full .collapse { margin:0 auto; width:1140px;}
.navbar-brand { padding: 29px 15px; height: auto; }
nav.navbar.bootsnav { border: none;}
.navbar-nav { float: left; }
.phone-icon{font-size: 28px;color:#666;display: flex;align-items: center;}
.phone-right{line-height:160%;font-size: 22px;margin-left: 10px;}
.phone-icon i {
    display: block;
    border: 3px solid;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 44px;
    margin-top: 10px;
    margin-right: 10px;
}
.phone-icon h4{
      margin: 0;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 5px;
 font-size: 14px;
}
.top_jianjie h3{
  font-size: 22px;
  margin: 0;
    margin-bottom: 10px;
  margin-top: 12px;
      color: #1f70eb;
}
.top_jianjie{
  font-size: 16px;
  border-left: 1px solid #1f70eb;
    margin-left: 30px;
    padding-left: 30px;
  flex: 1;
  
}
.phone-icon p{
    color: #1f70eb;
    font-size: 22px;
    font-weight: bold;
    line-height: 130%;
 
}
nav.navbar.bootsnav ul.nav > li > a { color: #fff; text-transform: uppercase; padding: 15px 38px;font-size:16px; font-weight:normal; }
nav.navbar.bootsnav ul.nav > li:hover { background: #0a6cb4; }
.nav > li:after { content: ""; width: 0; height: 5px; background: none !important; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; }
.nav > li:hover:after { width: 100%; }
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { content: "\f105"; font-family: 'FontAwesome'; font-size: 16px; font-weight: 500; position: absolute; top: 28%; right: 15%; transition: all 0.4s ease 0s; transform: rotate(90deg); }
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after { content: "\f105"; transform: rotate(270deg); }
.dropdown-menu.multi-dropdown { position: absolute; left: -100% !important; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border: none; }
@media only screen and (max-width:990px) {
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,  nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after { content: " "; }
.dropdown-menu.multi-dropdown { left: 0 !important; }
nav.navbar.bootsnav ul.nav > li:hover { background: transparent; }
nav.navbar.bootsnav ul.nav > li > a { margin: 0; }
}

.page-img {
    height: 130px;
    overflow: hidden;
    border-radius: 5px;
}
.page-img img {
    border-radius: 5px;
}
/* 轮播 */
.ibanner .img { height: 700px; background-size: cover; background-position: center; } /* 高度 */
.ibanner .img.ryimg { height: 270px; background-size: cover; background-position: center; } 
.ibanner .slick-arrow{font-size:60px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:80px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); opacity:0; border-radius:50%; cursor:pointer;}
.ibanner .slick-prev{ left:30px;}
.ibanner .slick-next{ right:30px;}
.ibanner:hover .slick-arrow{ opacity:1;}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:28px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:32px; height:7px; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,0.5); box-shadow:0 0 5px rgba(0,0,0,0.3); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,1);}

.ibanner .swiper-pagination{ bottom:28px;}
.ibanner .swiper-pagination-bullet{ width:15px; height:15px; border-radius:15px; background:rgba(255,255,255,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.3); opacity:1;}
.ibanner .swiper-pagination-bullet-active{ background:rgba(0,75,189,1);}
.ibanner .slick-arrow i { font-size: 50px; }

/* 内页 */
.page-body { margin: 20px auto 50px; }
.page-l-tit { padding: 10px 0 10px 60px; background: rgb(52, 129, 221) url(../images_public/page_tb_01.png) 3px 7px no-repeat; color: #fff; }
.page-l-tit h3 { margin-top: 0; margin-bottom: 5px; }
.page-l-tit p { font-size: 12px; margin-bottom: 0; }
.page-l-clist { border: 1px solid #ddd; border-top:none;}
.page-l-clist ul { padding:15px; }
.page-l-clist li { height: 40px; line-height: 40px; text-align: center; font-size: 14px; border-bottom: 1px solid #ddd;z-index:1 }
.page-l-clist li a:hover { display: inline-block; width: 100%; height: 40px; color: #fff; background: #3481dd; }
.page-body .sec-tit { margin-top: 15px; }
.left-news li { border-bottom:1px dotted #ccc;}
.left-news li h5 { line-height:14px; text-align:left;}
.sec-tit { border-bottom: 1px solid #e5e5e5; height: 35px; line-height: 35px; }
.sec-tit h2 { float: left; margin-top: 0; margin-bottom: 0; height: 35px; line-height: 35px; font-weight: bold; font-size: 14px; color: #3481dd; border-bottom: 3px solid #ffae00; }
.sec-tit span { font-size: 18px; color: #e5e5e5; margin-left: 10px; }
.sec-tit h5 { float: right; margin-top: 12px; margin-bottom: 0; }
.sec-tit h5 i { margin-left: 5px; width: 14px; height: 14px; border-radius: 14px; background: #3481dd; color: #fff; text-align: center; display: inline-block; font-style:normal; line-height:11px;}
.sec-tit h5 a { display: inline-block; padding: 2px 3px; border-radius: 3px; }
.sec-tit h5 a:hover { background: #F3BA15; color: #fff; }
.sec-tit h5 a:hover i { background: transparent; background:none !important; }
.crumbs-item { line-height: 32px; border-bottom: 3px double #d7dbdf; overflow:hidden;  margin-bottom:10px;}
.page-content { font-size: 14px; padding-top: 15px; padding-bottom: 15px; }
.page-content img {/*max-width:100% !important;*/ height:auto !important;}
.page-detail img {width: auto !important;}
.page-plist { margin-top: 15px; }
.page-plist > div { margin-bottom: 10px; }
.page-plist > div h5 { text-align: center; }
.page-alist { margin-top: 15px; }
.page-alist .col-md-4 { padding:0 10px;}
.page-alist .col-md-4 h5 { height:15px; line-height:15px; overflow:hidden; float:left;display:block; width:100%;}
.page-alist li { clear:both; overflow:hidden; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px dotted #ddd; }
.page-alist .page-adate { float: left; width: 60px; text-align: center; color: #FFF; margin-right: 15px; background: #009f35; }
.page-alist .page-adate h3 { font-weight: bold; margin-top: 8px; margin-bottom: 0; }
.page-alist .page-adate p { margin-bottom: 5px; }
.page-alist .page-atit p { font-size: 12px; color: #999; margin-bottom: 0; }
.page-alist .page-atit a { color: #333; }
.page-alist .page-atit a:hover { color: #3481dd; }
.page-con-tit { border-bottom: 1px dotted #ddd; margin-bottom: 15px; }
.page-con-tit h3 { text-align: center; }
.page-con-tit .haiofn { text-align: center; color: #999; line-height:28px;font-size:12px;}
.page-con-tit .haiofn .bdsharebuttonbox { float:right;}
.page-con-tit .haiofn span{ text-align: center; color: #999; padding-left:10px; }
.page-summary { border: 1px solid #ddd; border-radius: 4px; background: #f7f7f7; padding: 15px; margin-bottom: 15px; color: #666; }
.page-detail { padding:10px 0; font-size:14px; line-height:26px;}
.page-detail img { max-width:100% !important; height:auto !important;}
.tags { clear:both; padding:10px 0; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; margin:10px 0;}
.tags a { margin:0 1%; display:inline-block; padding:0 0.5%; color:#337ab7;}

/* 页尾 */
footer { background: #333; color: #ccc; }
footer a { color: #ccc; }
.footer-copyright { padding: 15px; }

/* 返回顶部 */
.gototop{width:40px;height:40px;z-index:9999999999; position: fixed; bottom: 60px; right: 15px;}
.gototop:hover{background-position:-503px -42px;-webkit-transition:0.5s;}
.gototop i { font-size: 36px; }

@media (min-width: 1200px) {
	.mobile-footer { display: none; }
}

@media (max-width: 992px){
    body.side-right{overflow: hidden;}
    body nav.navbar.bootsnav .navbar-toggle{margin-right: 0;}
    body.side-right nav.navbar.bootsnav .navbar-toggle{float: right !important; margin-top: 12px; margin-right: 15px;}
    nav.navbar.bootsnav.navbar-mobile ul.nav,body nav.navbar.bootsnav .navbar-nav > li > a{border-top: none;}
    body nav.navbar.bootsnav .navbar-toggle { margin-top: 12px; margin-right: 15px; padding: 0 8px; border: 1px solid #666;}
    body.side-right > .wrapper{margin:0 !important;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{width: 100%;height:auto !important;left: 0;top:-100%;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{max-height:340px;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{top:72px;}
    body nav.navbar.bootsnav.navbar-mobile ul.nav{width: 100%; margin:0;padding: 0;}
    body nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{padding: 0 !important;}
}

@media (max-width:768px) {
	/* 导航 */
	nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:static;!important;}
	.navbar-pull-all { width: 80%; padding-top: 0; height: 50px; margin: 15px 0 0 15px;display: block; }
	.navbar-pull-all .xs-logo img { height: 40px; }
	nav.navbar.bootsnav ul.nav > li > a { color:#000}
  .navbar-pull-all img{height: 50px;}
        .navbar-full{height:auto;}
        .phone-icon{display:none;}
  .logo-img{display: none;}
  .navbar-full .collapse { flex: none;}
  
	/* 轮播 */
	.ibanner .img { height: 220px; }
  .ibanner .img.ryimg { height: 120px; }
	/* 手机端底部导航 */
	.mobile-footer { display: block; background: #303030; display: flex; width: 100%; height: 50px; position: fixed; z-index: 999; bottom: 0; left: 0; }
	.mobile-footer a { flex: 1; color: #fff; text-align: center; }
	.mobile-footer a i { font-size: 22px; padding: 4px 0; }
	.mobile-footer a h5 { margin: 0; }

	/* 手机端走马灯处理 */
	.swiper .ar_1 { width: auto; }
  .page-img {
    height: 90px;
}
}
@media (max-width: 768px){
.product_detail .img {
    overflow: hidden;
}
}

/* 底部样式 */
.bottom{min-width:1200px; background:#343434;padding-bottom: 30px;}
.link{width:1200px; margin:auto; border-bottom:1px solid #444; padding:18px 0;}
.link:after {clear:both;content:'.';display:block;width:0;height:0;visibility:hidden;}
.link a{color:#999; font-size:16px; float:left; margin:0; margin-right:10px;}
.link ul li a{color:#999;}
.link a:hover{color:#FFF; text-decoration:underline;}
.middle{width:1200px; height:auto; margin:auto;}
.contact{font-size:16px; height:auto; margin-top:20px; overflow:hidden;}
.contact-flex{flex:1}
.contact h3{color:#FFF; font-size:18px; text-align:left;}
.contact h4{color:#FFF; font-size:16px; text-align:left; height:28px;font-weight: normal;}
.contact ul{float:left; text-align:left; margin-right:50px;}
.contact ul li{line-height:220%;color:#999;}
.contact2 ul li {float: left;width: 50%;}
.contact2 ul li a{color:#999;}
.contact2 ul li a:hover{color:#FFF; text-decoration:underline;}
.focus{height:auto;overflow:hidden; margin-top:20px; font-size:14px;}
.focus h4{color:#FFF; text-align:right;font-size:16px;}
.focus .focus-img{width:150px; height:auto; color:#999; text-align:center; margin-left:40px;}
.focus .focus-img img{width: auto;height: 150px;margin: auto;margin-bottom: 5px;display: block;}
.copyright {min-width: 1200px;height: auto;background: #1d1d1d;color: #999;font-size: 16px;text-align: center;line-height: 200%;padding: 18px 0;}
.flex{display: flex;flex-direction: row;}
.focus-img1 {height:auto; color:#999; text-align:center;}
.focus-img1 img{width: 140px;height: 140px;margin-bottom: 5px;display: block;}

.case_nav {
  text-align:center
}
.case_nav ul {
    display: inline-flex;
    margin: auto;
}
.case_nav ul li a {
    color: #FFF;
    border: 1px solid #1f70eb;
    float: left;
    padding: 8px 20px;
    margin: 0 5px;
    font-size: 16px;
    border-radius: 5px;
    margin-bottom: 20px;
      background: #1f70eb;
}

.case_nav ul li a:hover {
    background: #0a6cb4;
  border: 1px solid #0a6cb4;
    color: #FFF
}

.case_nav ul li.current a {
    color: #FFF;
    background: #00a64a;
}
@media (max-width: 768px) {

    .case_nav ul li a {
      
        padding: 5px 10px;
        font-size: 14px;
        min-width: 30.3%;
        float: left;
        margin: 1%;
        text-align: center;
    }
  .case_nav ul {
    display: block;
    margin: auto;
}
}

@media (max-width: 768px) {
         .bottom {
            width: 100%;
            min-width: 100%;
            padding-bottom: 10px;
         }
  .link {
    width: 100%;

}

         .middle {
            width: 100%;
            padding: 0 15px;
         }

         .contact {
            display: none;
         }

         .contact.contact3 {
            display: block;
            width: 100%;
            font-size: 14px;
            margin-top: 5px;
         }

         .contact h4 {
            height: auto;
         }

         .copyright {
            min-width: 100%;
            padding-bottom: 45px;
            height: auto;
            padding-top: 10px;
            font-size: 14px;
            padding: 5px 5px 45px 5px;
            line-height: 180%;
         }

         .contact ul {
            margin-right: 0px;
         }
      }


/* 左侧导航 */
.sec-tit {
	background:#1f70eb;
	height: 48px;
	padding: 0 15px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.sec-tit h2 {
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	height: 48px;
	line-height: 48px;
	font-weight: normal;
	font-size: 16px;
	color: #FFF;
	border-bottom: none;
}

.sec-tit h5 {
	margin-top: 15px;
	color: #FFF
}

.sec-tit h5 i {
	background:#1f70eb;
	top: -1px;
	position: relative;
}

.page-l-clist li a:hover {
	background: #1f70eb;
}

.page-l-clist li {
	margin-bottom: 5px;
	border-bottom: none;
	background: #f3f3f3;
}

.page-l-clist li:hover {
	background: #1f70eb;
}

.page-l-clist li:hover a {
	color: #FFF
}
.page-l-clist li .layer2 {
    background: #FFF;
}
.page-l-clist li:hover .layer2 li a{
  color: #333
}
.page-l-clist li:hover .layer2 li:hover a{
  color: #FFF
}
.left-news {
    border: 1px solid #ddd;
    border-top: none;
    overflow: hidden;
    padding: 0 15px;
    padding-bottom: 15px;
}
.sec-marquee-c{
    border: 1px solid #ddd;
    border-top: none;
    overflow: hidden;
    padding: 0 15px;
    padding-bottom: 15px;
}

.list-box {
            width: 1200px;
            margin: auto;
        }
        
        .new-box {
            min-width: 1200px;
            background: #F5F5F5;
            overflow: hidden;
            margin: 20px 0;
        }
        
        @media (max-width: 768px) {
            .list-box {
                width: 100%;
            }
            .new-box {
                width: 100%;
                min-width: 100%;
            }
        }
/* 标题样式 */
        
        .list_title {
            font-size: 32px;
            color: #2f2f2f;
            font-weight: bold;
            line-height: 46px;
            text-align: center;
            position: relative;
            margin: 30px 0;
        }
        
        .list_title_box {
            background: #FFF;
            display: inline-block;
            z-index: 10000;
            position: relative;
            padding: 0 20px;
          z-index:1
        }
        
        .list_title span {
            color: #1f70eb;
        }
        
        .list_title::after {
            content: '';
            display: block;
            width: 70%;
            height: 2px;
            position: absolute;
            background: #c80000;
            left: 15%;
            top: 50%;
        }
        
        @media (max-width: 768px) {
            .list_title {
                font-size: 20px;
                margin-bottom: 20px;
            }
            .list_title::after {
                width: 90%;
                left: 5%;
            }
        }
        /* 产品展示样式3 */
        
        .case-list-3 {
            overflow: hidden;
            width: 100%;
        }
        
        .case-list-3 ul li {
            width: 285px;
            overflow: hidden;
            margin: 5px;
            height: auto;
            float: left;
            list-style: none;
            position: relative;
            border: 1px solid #f3f3f3;
        }
        
        .case-list-3-img {
            width: 100%;
            height: 240px;
            overflow: hidden;
        }
        
        .case-list-3 ul li img {
            height: 100%;
            width: auto;
            display: block;
            margin: auto;
            transition: all 0.6s;
        }
        
        .case-list-3 ul li:hover img {
            transform: scale(1.2);
        }
        
        .case-list-3 ul li span {
            width: 100%;
            background: #f3f3f3;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            box-sizing: border-box;
            display: block;
            padding: 10px;
            color: #333;
            font-size: 16px;
            letter-spacing: 1px;
            text-align: center;
            transition: all 0.6s;
        }
        
        .case-list-3 ul li:hover {
            border: 1px solid #d42727;
        }
        
        .case-list-3 ul li:hover span {
            background: #d42727;
            color: #FFF;
        }
        
        @media (max-width: 768px) {
            .case-list-3 ul li {
                width: 48%;
                margin: 1%;
                border: none
            }
            .case-list-3-img {
                height: 145px;
            }
        }
        /* 关于我们样式1 */
        
        .about_1 {
            width: 1200px;
            margin: auto;
            display: flex;
            flex-direction: row;
         
            overflow: hidden;
            padding-bottom: 40px;
          padding-top: 40px;
        }
        
        .about_1 h3 {
            font-size: 24px;
            color: #515671;
          margin-top: 0;
            margin-bottom: 10px;
        }
        
        .about_1 h3 span {
            font-size: 20px;
            color: #cccccc;
            font-weight: normal;
            font-weight: lighter;
        }
        
        .about_1-left {
            line-height: 200%;
            color: #333;
            font-size: 16px;
         
       
    padding-top: 0;
    border-radius: 5px;
          height: 400px;
        }
        
        .about_1-img {
            margin-right: 20px;
        }
        
        @media (max-width: 768px) {
            .about_1-img {
                display: none;
            }
            .about_1 {
                width: 92%;
                padding-top: 20px;
                overflow: hidden;
                padding-bottom: 10px;
            }
            .about_1 h3 {
                margin-bottom: 10px;
            }
        }
        /* 按钮样式*/
        
        .gengduo a {
            display: table;
            color: #000;
            padding: 8px 30px;
            margin: 30px auto;
            font-size: 14px;
            border-radius: 5px;
            background:#1f70eb;
            color: #FFF;
            letter-spacing: 1px;
        }
        
        .gengduo a:hover {
            background: #0a6cb4;
        }
        
        .flex {
            display: flex;
            flex-direction: row;
        }
        /* 图标展示 */
        
        .about_icon {
            margin: 50px 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .about_icon dl {
            text-align: center;
            color: #00a64a;;
          font-size: 16px;

        }
        
        .about_icon dl dt img {
            display: block;
            margin: auto;
            margin-bottom: 10px;
        }
        
        .box_img {
            width: 100%;
     
                height: 260px;
    overflow: hidden;
    background: url(../images/tu2.jpg) no-repeat;
    background-size: cover;
    background-position: center;

        }
      
        .box_img img {
            width: 100%;
            display: block;
        }
        
        @media (max-width: 768px) {
            .about_icon dl {
                width: 33.33%;
                margin-top: 15px;
            }
            .about_icon {
                margin: 20px 0;
            }
          .box_img {
     
                height: 130px;


        }
        }
        /* 优势 */
        
        .jiesao {
            margin: auto;
            padding: 35px 0;
            padding-top: 10px;
            overflow: hidden;
        }
        
        .jiesao ul li {
            list-style: none;
            float: left;
            width: 21%;
            text-align: center;
            cursor: pointer;
            padding-bottom: 30px;
            border-radius: 5px;
            margin: 0 2%;
            transition: all 0.6s;
        }
        
        .jiesao ul li:hover {}
        
        .jiesao ul li h3 {
            font-size: 18px;
            transition: all 0.6s;
            font-weight: normal;
            line-height: 16px;
            margin: 0;
            margin: 20px 0;
            color: #1f70eb
        }
        
        .jiesao ul li p {
            line-height: 200%;
            font-size: 14px;
            padding: 0 10px;
            transition: all 0.6s;
        }
        
        .jiesao ul li .icon {
            font-size: 55px;
            color: #FFF;
            transition: all 0.6s;
            background: #1f70eb;
            border-radius: 100%;
            width: 100px;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: auto;
        }
        
        .jiesao ul li:hover .icon {
            background: #d42727
        }
        
        .jiesao ul li:hover {
            color: #d42727
        }
        
        .jiesao ul li:hover h3 {
            color: #d42727
        }
        
        @media (max-width: 768px) {
            .jiesao ul li {
                width: 46%;
                margin: 0 2%;
            }
        }
        /*新闻*/
        
        .new-list-flex {
            width: 1200px;
            margin: auto;
            overflow: hidden;
        }
        
        .new-list-flex ul {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        
        .new-list-flex ul li {
            list-style: none;
            margin-bottom: 20px;
            background: #f9f9f9;
            padding: 15px;
            overflow: hidden;
            width: 49%;
            box-sizing: border-box;
        }
        
        .new-list-flex ul li:hover {
            background: #f0f0f0;
        }
        
        .new-right {
            flex: 1;
        }
        
        .new-list-flex-img {
            width: 200px;
            height: 150px;
            margin-right: 10px;
            overflow: hidden;
        }
        
        .new-list-flex-img img {
            width: 100%;
            height: auto;
            display: block;
            margin: auto;
        }
        
        .new-list-flex-title {
            font-size: 16px;
            color: #333;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            /*显示行数*/
            -webkit-box-orient: vertical;
            word-break: break-all;
        }
        
        .new-list-flex-time {
            font-size: 14px;
            color: #666;
            border-bottom: 1px solid #e5e5e5;
            padding: 10px 0;
            margin-bottom: 10px;
        }
        
        .new-list-flex-introduction {
            font-size: 14px;
            line-height: 200%;
            color: #999;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            /*显示行数*/
            -webkit-box-orient: vertical;
            word-break: break-all;
        }
        
        @media (max-width: 768px) {
            .new-list-flex {
                width: 100%;
            }
            .new-list-flex ul li {
                list-style: none;
                margin: 0 10px;
                margin-bottom: 10px;
                border-bottom: 1px dashed #dddd;
                padding: 0;
                padding-bottom: 10px;
                overflow: hidden;
                width: 100%;
                background: none;
            }
            .new-list-flex-introduction {
                -webkit-line-clamp: 2;
                line-height: 160%;
            }
            .new-list-flex-img {
                width: 120px;
                height: 90px;
                margin-right: 10px;
                overflow: hidden;
            }
            .new-list-flex-time {
                padding: 0;
                margin-bottom: 0;
                margin-top: 5px;
                border: none;
            }
        }

.new-title {
  margin: 40px 0;
}
.new-title h3 {
    font-size:32px;
    letter-spacing: 3px;
    color: #1f70eb;
    margin-bottom: 20px;
    font-weight: bold;
  text-align: center;
}
.new-title h3 b span {
    font-size: 42px;
    color: #ff8c3c;
  font-style: oblique;
}
.new-title h4 {
    font-size: 18px;
    font-weight: normal;
    color: #999;
  text-align: center;
    background: url(../images/ttline.png) no-repeat center center;
}
.youshi {
         display: flex;
         flex-direction: row;
         margin-bottom: 50px;
      }
 .youshi-text {
         flex: 1;
 
        background: rgba(255,255,255,0.5);
            padding: 20px;
    border-radius: 5px;
    padding-top: 20px;
      }

      .youshi-number {
         width: 50px;
    height: 50px;
    background: #ff8c3c;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    padding-top: 6px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 100%;
      }

      .youshi-number span {
         display: block;
         width: 30px;
         height: 0px;
         border: 2px solid #fff;
         margin: 3px auto;
      }

      .youshi-flex {
         display: flex;
         flex-direction: row;
         margin-bottom: 20px;
      }

      .youshi-flex h1 {
         font-size: 20px;
         font-weight: bold;
         text-transform: uppercase;
         border-bottom: 1px dashed #888888;
         padding-bottom: 15px;
         margin-bottom: 10px;
        margin-top: 10px;
        text-align:left;
      }

      .youshi-flex h1 b {
         font-size: 20px;
         color: #1f70eb;
      }

      .youshi-flex h1 span {
         color: #032F8A;
      }

      .youshi-img img {
         width: 550px;

      }

      .youshi-list {
         flex: 1;
         margin-left: 20px;
      }

      .youshi-list p {
         color: #333;
         position: relative;
         text-indent: 20px;
         line-height: 30px;
         font-size: 16px;
         background: url("../images/list-bj.png") 5px 9px no-repeat;
      }
 @media (max-width: 768px) {
.youshi-number {
            display: none;
         }

         .youshi-list {
            margin: 0 10px;
         }

         .youshi {
            margin-bottom: 0;
         }

         .youshi-flex h1 b {
            font-size: 18px;
         }

         .youshi-flex h1 {
            font-size: 14px;
         }
   .youshi-img {
    display: none;
}
   .new-title h3 {
    font-size:24px;
 
}
   .new-title {
  margin: 20px 0;
}
}
@font-face {
  font-family: "iconfont"; /* Project id 3206714 */
  src: url('//at.alicdn.com/t/font_3206714_g0b6cpyuvci.woff2?t=1653064125574') format('woff2'),
       url('//at.alicdn.com/t/font_3206714_g0b6cpyuvci.woff?t=1653064125574') format('woff'),
       url('//at.alicdn.com/t/font_3206714_g0b6cpyuvci.ttf?t=1653064125574') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-tuandui:before {
  content: "\e63e";
}

.icon-cailiaochangjia:before {
  content: "\e692";
}

.icon-tuandui_keshi:before {
  content: "\e685";
}

.icon-pinzhi1:before {
  content: "\e696";
}

.icon-ai-new:before {
  content: "\e63b";
}

.icon-hezuohuoban:before {
  content: "\e66b";
}

.icon-ziyingyewu:before {
  content: "\e7cc";
}

.icon-shouhou:before {
  content: "\e69c";
}

.icon-youzhi:before {
  content: "\e637";
}

.icon-tuijian:before {
  content: "\e609";
}

.icon-zhiliangguanlixin:before {
  content: "\e60f";
}

.icon-shiziduiwu:before {
  content: "\e6cd";
}

.icon-fuwu:before {
  content: "\eb36";
}

.icon-xiaoguoyouxiu:before {
  content: "\e699";
}

.icon-hangcheng:before {
  content: "\e668";
}

.icon-yuangong:before {
  content: "\e64e";
}

.icon-wodezijin:before {
  content: "\e73d";
}

.icon-yuangong1:before {
  content: "\e600";
}

.icon--yuangong:before {
  content: "\e603";
}

.icon-gongsichenglibiangengzhuxiaoshenqingliucheng:before {
  content: "\e658";
}

.icon-zijin:before {
  content: "\e7cb";
}

.icon-pinzhong:before {
  content: "\ecab";
}

.icon-pinzhong1:before {
  content: "\ed19";
}



/* 优势样式1 */
        .youshi-1 {
            background: url(../images/bjt.jpg);
            width: 100%;
            height: auto;
        }

        .youshi-box-1 {
            width: 1200px;
            height: auto;
            margin: auto;
            overflow: hidden;
            text-align: center;
            padding: 60px 0;
        }

        .youshi-list-1 {
            margin-top: 50px;
        }

        .youshi-box-tlele-bj-1 {
            position: relative;
            width: 500px;
            height: 99px;
            background-image: url(../images/advantage.png);
            margin: 0 auto;
        }

        .youshi-box-tlele-bj-1 span {
            font-size: 72px;
            color: #fff;
            font-weight: bold;
            font-style: oblique;
            width: 100px;
            margin-right: 40px;
            line-height: 90px;
            text-align: center;
        }

        .youshi-box-tlele-1 {
            display: inline-flex;
        }

        .youshi-box-tlele-jian {
            flex: 1;
            font-weight: bold;
            letter-spacing: -1px;
            color: #124185;
            text-align: left;
        }

        .youshi-box-tlele-jian h1 {
            font-size: 30px;
            padding-top: 12px;
             text-align: left;
    margin: 0;
        }

        .youshi-box-tlele-jian h1 b {
            color: #00a64a;
        }

        .youshi-box-tlele-jian h2 {
            font-size: 17px;
            text-transform: uppercase;
              margin-bottom: 10px;
        }

        .youshi-box-tlele-name-1 {
            font-size: 40px;
            color: #00a64a;
            font-weight: bold;
            line-height: 99px;
            margin-right: 40px;
        }

        .youshi-list-img-1 {
            width: 550px;
        }

        .youshi-list-img-1 img {
            display: block;
            width: 100%;
        }

        .youshi-list-introduce {
            flex: 1;
        }

        .youshi-list-number {
            width: 140px;
            background-color: #00a64a;
            padding-top: 30px;
        }

        .youshi-list-number-maths {
            font-size: 50px;
            color: #fff;
            text-align: center;
            font-style: oblique;
        }

        .youshi-list-number-title {
            border-top: 2px solid #FFF;
            font-size: 16px;
            color: #FFF;
            margin: 10px;
            padding-top: 10px;
            line-height: 200%;
            text-align: center;
        }

        .youshi-list-content {
            text-align: left;
            flex: 1;
        }

        .youshi-list-content h3 {
            font-size: 24px;
            color: #1f70eb;
            font-weight: bold;
            margin-top: 30px;
            margin-bottom: 20px;
        }

        .youshi-list-content p {
            line-height: 200%;
            font-size: 16px;
        }

        .youshi-list-content p i {
            display: inline-block;
            width: 6px;
            height: 6px;
            background-color: #1f70eb;
            border-radius: 50%;
            vertical-align: 2px;
            margin-right: 6px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

        .youshi-list-spacing {
            margin-left: 30px;
        }
.mobile {
            display:none
          }

.youshi-list-title {
    border-bottom: 1px dashed #CCC;
  position: relative;
  margin-bottom: 10px;
}
.youshi-list-title-maths {
    width: 60px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 1px;
   
    color: #FFF;
    background: #1f70eb;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-style: oblique;
}
.youshi-list-title h4{
  font-size: 18px;
  color:#1f70eb
}
.youshi-list-title h3{
  font-size: 28px;
  margin-top: 0;
  color:#000
}
        @media (max-width: 768px) {
            .youshi-list-number {
                display: none;
            }
          .mobile {
            display:block
          }

            .youshi-list-img-1 {
                display: none;
            }

            .youshi-box-1 {
                width: 100%;
            }

            .youshi-box-tlele-name-1 {
                display: none;
            }

            .youshi-box-tlele-bj-1 {
                width: 90%;
                background-size: 100% 100%;
                height: 60px;
            }

            .youshi-box-tlele-1 {
                display: block;
            }

            .youshi-box-tlele-bj-1 span {
                width: 80px;
                margin-right: 20px;
                text-align: center;
                font-size: 42px;
                line-height: 60px;
            }

            .youshi-box-tlele-jian h1 {
                font-size: 20px;
                padding-top: 5px;
           
            }

            .youshi-box-tlele-jian h2 {
                font-size: 12px;
                 margin-top: 10px;

            }

            .youshi-list-1 {
                margin-top: 0;
            }

            .youshi-list-spacing {
                margin: 0;
            }
          .youshi-list-content {
    padding: 20px;
}
        }

/* .about-box{
            background: url(../images/bjs2.jpg) no-repeat right bottom;
        } */
.liucheng{
            background: url(../images/liu_bg.jpg) no-repeat right bottom;
        }


.advantage-flex {
         display: flex;
         flex-direction: row;
      }

      .advantage {
         width: 1200px;
         margin: auto;
      }

      .advantage-left {
         flex: 1;
         margin-right: 60px;
      }

      .advantage-right {
         margin-right: 0;
         margin-left: 60px;
      }

      .advantage-left h3 {
         color: #000;
         display: block;
         font-size: 26px;
         color: #b11d1a;
         padding: 8px 0;
         display: flex;
         align-items: center;
         border-bottom: 1px dashed #b11d1a;
      }

      .advantage-introduce {
         border-top: 1px dashed #b11d1a;
         margin-top: 3px;
         padding-top: 30px;
      }

      .advantage-left h3 span {
         background: #b11d1a;
         float: left;
         font-style: normal;
         color: #fff;
         width: 77px;
         line-height: 77px;
         text-align: center;
         border-radius: 50%;
         font-family: Impact;
         font-size: 48px;
         margin-right: 20px;
      }

      .advantage-left {
         font-size: 16px;
         line-height: 300%;
         color: #999;
      }


/* 产品中心*/
      .product {
         width: 100%;
         margin: auto;
         overflow: hidden;
         display: flex;
         flex-direction: row;
         /* height: 820px; */
      }

      .product-nav {
         width: 280px;

         margin-right: 5px;
         /* height: 820px; */
      }

      .product-list {
         flex: 1;
      }

      .product-list .case-list ul li {
         margin: 0;
         margin-bottom: 10px;
         margin-left: 15px;
      }

      .product-nav h3 {
        margin:0;
         color: #FFF;
         background: url(../images/proth1.png) no-repeat center right 20px #1f70eb;
         height: 50px;
         padding-left: 15px;
         line-height: 50px;
         font-size: 18px;
         font-weight: normal;

      }

     .product-nav ul {
         background: #FFF;
         padding-top: 15px;
         border: 2px solid #1f70eb;
         border-top: none;
        max-height: 543px;
            overflow: auto;
        /*  border-bottom-left-radius: 5px;
         border-bottom-right-radius: 5px; */
      }
/* .page-l-clist .list-unstyled{
  max-height: 513px;
            overflow-y: scroll;
} */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.product-nav ul::-webkit-scrollbar,
.list-unstyled::-webkit-scrollbar
{
    width:5px;
    height:5px;
} 
/*定义滚动条轨道 内阴影+圆角*/
.product-nav ul::-webkit-scrollbar-track,
.list-unstyled::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    border-radius: 10px;
    background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
.product-nav ul::-webkit-scrollbar-thumb,
.list-unstyled::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    background-color:#CCC;
}
.about-box{
  overflow:hidden
}

      .product-nav ul li a {
         margin: 0 10px;
         margin-bottom: 6px;
         border-radius: 20px;
         background: #eeeeee;
         text-align: center;
         line-height: 38px;
         font-size: 14px;
         color: #333333;
         display: block;
         transition: all 0.5s;
      }

      .product-nav ul li a:hover {
         background: #1f70eb;
         transition: all 0.5s;
         color: #FFF;
      }

      .power h2 {
         font-size: 36px;
         color: #FFF;
         margin-bottom: 20px;
      }

      .power h3 {
         font-weight: normal;
         color: #FFF;
      }

      .power {
         color: #FFF;
      }
.profldh {
    width: 100%;
    height: 148px;
    background: url(../images/profldh.png) no-repeat center #1f70eb;
    text-align: center;
    background-size: 100% 100%;
    overflow: hidden;
}
.profldh h2 {
    background: url(../images/profldh1.png) no-repeat 70px center ;
    font-size: 18px;
    color: #ffffff;
    font-weight: normal;
    line-height: 36px;
    text-align: left;
    padding-left: 122px;
    margin-top: 20px;
    margin-bottom: 5px;
}
.profldh h4 {
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    background: none;
    line-height: 30px;
    font-family: "Arial";
    margin-top: 10px;
}
.profldh h5 {
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    line-height: 14px;
    margin-top: 10px;
}
@media (max-width: 768px) {
        .product {

    display: block;

}
  .product-list .case-list ul li{
    width: 48%;
    margin: 1%;
    height: 140px;
  }
  .product-list .case-list ul li:last-child{
    display:none
  }
  .about_1-left {

    height: auto;

}
        .product-nav ul{
              min-height: auto;
        }
.product-nav h3{ display: none;}
        .profldh{ display: none;}
        .product-nav ul {
    border: none;
}
        .product-nav ul li a {
    margin: 0 1%;
    margin-bottom: 10px;
    border-radius: 5px;
    background: #eeeeee;
    text-align: center;
    font-size: 12px;
    color: #333333;
    display: inline-block;
    transition: all 0.5s;
    padding: 8px 0;
    float: left;
    line-height: normal;
    width: 31%;
}
         .product-nav {
            width: 100%;
         }
}
.case-list {
         overflow: hidden;
         width: 100%;
      }

      .case-list ul li {
         width: 290px;
         overflow: hidden;
         margin: 5px;
         height: 240px;
         float: left;
         list-style: none;
         position: relative;
      }

      .case-list ul li img {
         height: auto;
        min-height: 100%;
         width: 100%;
         display: block;
         margin: auto;
         transition: all 0.6s;
      }

      .case-list ul li:hover img {
         transform: scale(1.2);
      }

      .case-list ul li span {
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         background: rgba(0, 0, 0, .4);
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
         box-sizing: border-box;
         display: block;
         padding: 10px;
         color: #FFF;
         font-size: 16px;
         transition: all 0.5s;
         letter-spacing: 1px;
        text-align:center
      }

      .case-list ul li:hover span {
         bottom: -80px;

      }

@media screen and (max-width: 700px) {

         .new-box {
            width: 100%;
            min-width: 100%;
         }

         .case-list ul li {
            width: 48%;
            margin: 1%;
            height: 140px;
         }

         .case-list ul li span {
            font-size: 12px;
         }

}


.flex {
            display: flex;
            flex-direction: row;
        }

        .youshi_02_box {
            width: 1200px;
            margin: auto;
            overflow: hidden;
        }

    
.youshi_02_number{
  background: url('../images/youshi_title.png') no-repeat;
  width:79px;
  background-size:100% 100%;
  height:80px;
    display: flex;
align-items: center;
/* justify-content: center; */
  padding-left: 15px;
  font-size: 36px;
    color: #FFF;
    font-style: italic;
}
.youshi_02_title {
            background: url('../images/lytitle.png') repeat-x bottom;
            padding-bottom: 15px;
            flex: 1;
  margin-left: 20px;
      margin-bottom: 15px;
        }
        .youshi_02_title h3 {
 
            padding-bottom: 5px;
            font-size: 26px;
            font-weight: bold;
           margin: 0;
            
          
            flex: 1;
          color: #c80103;
        }
       .youshi_02_title h4 {
            font-size: 18px;
    color: #3f3f3f
        }

        .youshi_02_left {
            flex: 1;
          padding-top: 30px;
        }

        .youshi_02_title h3 span {
            color: #999;
            font-size: 12px;
            font-weight: normal;
        }

        .youshi_02_content {
            line-height: 350%;
            padding-left: 80px;
            box-sizing: border-box;
        }

        .youshi_02_content p {
            background: url('../images/download.png') no-repeat left center;
            padding-left: 25px;
            font-size: 16px;
        }
.youshi_02_content p img{
      margin-right: 8px;
}

        .youshi_02_img {
            margin-left: 30px;
        }

        .youshi_02_img_right {
            margin-left: 0;
            margin-right: 30px;
        }

        @media screen and (max-width: 700px) {
            .youshi_02_img{
                display: none;
            }
          .youshi_02_left {
    padding: 10px;
}
          .youshi_02_content {
            line-height: 300%;
            padding-left: 0px;
            box-sizing: border-box;
        }
          .youshi_02_title h3 {
    font-size: 18px;
}
          .youshi_02_content p {
    background: url(../images/download.png) no-repeat left 12px;

}
          .youshi_02_title img{
            width: 50px;
          }
          .youshi_02_title h4 {
            font-size: 16px;
            font-weight:normal
    color: #3f3f3f
        }
        }







/*新闻*/
        
        .new-list-dt {
            width: 1200px;
            margin: auto;
            overflow: hidden;
        }
        
        .new-list-dt ul li {
            list-style: none;
            margin-bottom: 20px;
            border-bottom: 1px dashed #dddd;
            padding-bottom: 20px;
            overflow: hidden;
        }
        
        .flex {
            display: flex;
            flex-direction: row;
        }
        
        .new-right {
            flex: 1;
        }
        
        .new-list-dt-img {
            width: 120px;
            height: 90px;
            margin-right: 10px;
            overflow: hidden;
        }
        
        .new-list-dt-img img {
            width: 100%;
            height: auto;
            min-height: 90px;
        }
        
        .new-list-dt-title {
            font-size: 16px;
            color: #333;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            /*显示行数*/
            -webkit-box-orient: vertical;
            word-break: break-all;
        }
        
        .new-list-dt-time {
            font-size: 14px;
            color: #CCC;
        }
        
        .new-list-dt-introduction {
            font-size: 14px;
            line-height: 160%;
            color: #999;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            /*显示行数*/
            -webkit-box-orient: vertical;
            word-break: break-all;
        }
        
        .new-list-dt ul li:first-child {
            width: 42%;
            float: left;
            margin: 0;
            margin-right: 20px;
            border: none;
        }
        
        .new-list-dt ul li:first-child .flex {
            display: block;
        }
        
        .new-list-dt ul li:first-child .new-list-dt-img {
            width: 100%;
            height: 410px;
            overflow: hidden;
            margin-bottom: 10px;
        }
        
        .new-list-dt ul li:first-child .new-list-dt-img img {
            width: 100%;
            height: auto;
            min-height: 410px;
        }
        
        @media (max-width: 768px) {
            .new-list-dt {
                width: 100%;
            }
            .new-list-dt ul li:first-child {
                display: none;
            }
            .new-list-dt ul li {
                list-style: none;
                margin: 0 10px;
                margin-bottom: 10px;
                border-bottom: 1px dashed #dddd;
                padding-bottom: 10px;
                overflow: hidden;
            }
        }